<div class="modal-dialog">
    <div class="modal-content">
        <div class="modal-header text-center">
            <div class="container">
                <div class="row">
                    <div class="col-md-12">
                        <h3 class="text-center">Dynamic Key</h3>
                    </div>
                </div>
            </div>
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                <span aria-hidden="true">&times;</span>
            </button>
        </div>
        <div class="modal-body">
            <form method="POST" action="{{ script_root }}/admin/keys/{{id}}">
                <input type="text" id="key-data" class="form-control" name="keydata" value="{{key}}" placeholder="Enter dynamic key token">
                <input type="hidden" id="key-type" name="key_type" value="online">
                <input type="hidden" id="key-id">
                <hr>
                <div class="form-group">
                    <input type="hidden" value="{{ nonce }}" name="nonce" id="nonce">
                    <button id="submit-keys" class="btn btn-success float-right">Update</button>
                </div>
            </form>
        </div>
    </div>
</div>